$(".warp").fadeIn(3000);
//左边列
$(document).ready(function(){
    //左侧点击
    $(".non").click(function(){
        $(".hid_init").hide();//隐藏其他标题
        $("#non").fadeIn();//显示当前标题
        $(".tr").hide();//先隐藏所有待办事项
        $("#未完成").fadeIn();//再显示所有已完成的
    });
    $(".had").click(function(){
        $(".the_title").hide();
        $("#had").fadeIn();//显示当前标题
        $(".tr").hide();
        $("#已完成").fadeIn();//再显示所有已完成的
    });
    $(".all").click(function(){
        $(".the_title").hide();
        $("#all").fadeIn();//显示当前标题
        $(".tr").hide();
        $(".tr").fadeIn();//再显示所有已完成的
    });
});
//统计各种事件有多少个的函数,需要反复用
function SumUP(){
    var non=$(".item").children("#未完成").length
    $(".non").html("未 完 成 ("+non+")");
    var had=$(".item").children("#已完成").length
    $(".had").html("已 完 成 ("+had+")");
    var all=non+had;
    $(".all").html("所有事件("+all+")");
}

//搜索内容用到onclick事件 
function search(){
    $(".the_title").hide();
    $("#rlt").fadeIn();
    $(".tr").hide();
    var Thing1=$('.inp').val();//获取搜索input框中的内容
    $(".tr[name*='"+Thing1+"']").fadeIn();//不知道怎么搜索文本内容,所以用name搜索
}

// 批量删除按钮
$("#批量删除").click(function(){ 
    if ($(".删除复选框").css("display")=="none") {
        $(".删除复选框").fadeIn();
    } else{
        var conf= confirm("确定删除已选内容?");
        if (conf) {
            $('input[name="delbox"]:checked').each(function(){ 
                var dethings=$(this).parent().parent();
                // console.log(dethings.children(".th"));
                dethings.remove();
                localStorage.removeItem(dethings.children("div:first").text());
                //在本地存储中移除该项
            }); 
        }else{
            $('input[name="delbox"]:checked').each(function(){ 
                $(".删除复选框").prop("checked",false);
            }); 
        }
        $(".删除复选框").hide();
    }
    SumUP()
});

//添加按钮
$("#添加").click(function(){ 
    if ($(".添加框").css("display")=="none") {
        $(".添加框").fadeIn();
    } else{
        addThing();
        $(".添加框").fadeOut();
    }
    SumUP();
});
function addThing(){
    //添加内容
    var  Thing= $('.添加框').val();
    var Cont='<div class="tr" id="未完成" name="'+Thing+'">'
        +'<input type="checkbox" class="完成复选框">'
        +'<div class="th">'+Thing+'</div>'+'<div class="td">'
        +'<button class="修改事件">修改</button> <button class="删除单个" >删除</button>'
        +'<input type="checkbox" class="删除复选框" name="delbox"></div></div>'
    if (Thing=='') {
        alert("请输入内容!");
    }else if($(".tr").attr("name")===Thing ) {
        alert("请勿重复添加");
    }else{
        $(".start").after(Cont);
        localStorage.setItem(Thing,"未完成");
        //在本地存储中添加这一项
        alert("添加成功");
    }
    $('.添加框').val("");//清空内容
}

//删除单个功能 在整个文档中都设置class为删除单个的点击事件的做法
$(document).on('click','.删除单个', function(){
    var conf=confirm("确定删除?"); 
    if (conf == true){
        var dething=$(this).parent().parent();
        // console.log(dething.children(".th"));
        dething.remove();
        localStorage.removeItem(dething.children("div:first").text());
        //在本地存储中移除该项
    }
    SumUP()
})
//修改内容
$(document).on('click','.修改事件', function(){
    var amend=prompt("请输入修改的内容"); 
    if (amend===''||!amend) {
        alert("未修改");
    } else {
        var old=$(this).parent().parent().children("div:first")
        var box=$(this).parent().parent().attr('id');//获取id
        localStorage.removeItem(old.text());//移除原本名字
        old.text(amend);
        old.attr("name",amend);
        localStorage.setItem(amend,box);
        //将新名字和原本事件的状态添加
    }
})
//勾选框确定是否完成
$(document).on('click','.完成复选框', function(){
    if ($(this).prop("checked") == true) {
        $(this).parent().attr("id","已完成");
        var Thing=$(this).parent().children("div:first");
        Thing.css({"text-decoration":"line-through"});
        localStorage.removeItem(Thing.text());
        localStorage.setItem(Thing.text(),"已完成");
    } else {
        $(this).parent().attr("id","未完成")
        var Thing0=$(this).parent().children("div:first");
        Thing0.css({"text-decoration":"none"})
        localStorage.removeItem(Thing0.text());
        localStorage.setItem(Thing0.text(),"未完成");
    }
    SumUP();
});

//音乐相关
function Musicplay() {
    var music = document.getElementById("audio");//获取ID  
    if (music.paused) { //判读是否播放  
        music.paused=false;
        music.play(); //没有就播放 
        }         
}
setInterval("Musicplay()",800);//低效的轮循
